<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>民宿详情</title>
    <link rel="stylesheet" href="__CDN__/assets/less/reset.css">
    <link rel="stylesheet" href="__CDN__/assets/less/common.css">
    <link rel="stylesheet" href="__CDN__/assets/less/Header-Footer.css">
    <link rel="stylesheet" href="__CDN__/assets/less/background_login_register.css">
    <link rel="stylesheet" href="__CDN__/assets/less/detail.css">
    <link rel="stylesheet" href="__CDN__/assets/components/overview/index.css">
    <link rel="stylesheet" href="__CDN__/assets/font/iconfont/iconfont.css">
    <link rel="stylesheet" href="__CDN__/assets/components/jquery-easyui-1.7.0/themes/default/easyui.css">
    <link rel="stylesheet" href="__CDN__/assets/components/jquery-easyui-1.7.0/themes/icon.css">
</head>

<body>
<!-- 头部复用 -->
<div class="headerwrapper">
    <div class="header">
        <div class="header-center">
            <div class="header-left">
                <a href="/index/Index/index.html">
                    <img class="logo" src="__CDN__/assets/images/index/main-logo-2023.svg" alt="">
                </a>
            </div>
            <div class="header-right">
                <span class="login-a">登录</span>
                <span class="register-a">注册</span>
            </div>
            <div class="personal_center">
                <a href="/index/Index/personal_center.html">个人中心</a>
                <span class="logout">退出登录</span>
            </div>
        </div>
    </div>
</div>
<div class="content">
    <div class="content-center">
        <div class="overview">
            <div class="left">
                <div class="leftTop">
                    <div class="smallPic">
                        <img alt="">
                        <div class="mask"></div>
                    </div>
                    <div class="bigPic">
                        <img alt="">
                    </div>
                </div>
                <!-- <div class="leftBottom">
                    <a href="javascript:;" class="leftArrow">&lt;</a>
                    <div class="thumbnail">
                        <ul>

                        </ul>
                    </div>
                    <a href="javascript:;" class="rightArrow">&gt;</a>
                </div> -->
            </div>
            <!-- dynamic -->
            <div class="right">
                <div class="homestay_title"></div>
                <div class="homestay_price">
                    <span class="price">300</span>
                    <span class="price_unit">元/天</span>
                </div>
                <div class="date_wrap">
                    入住日期：<input class="start_date form_input" type="date">
                    退房日期：<input class="end_date form_input" type="date">
                </div>
                <div class="booking_tip">
                    温馨提示：为保障您的资金安全，请您选择在线预订！
                </div>
                <div class="booking_wrap">
                    <button>立即预定</button>
                </div>
            </div>
        </div>
        <div class="detail_wrap">
            <!-- <div class="housing_resource_deatail">
                <div class="title_reuse">房源详情</div>
                <div class="icon_tag">
                    <div class="icon_tag_item">
                        <i class="iconfont icon-chuzuleixing"></i>
                        <div class="tag_text">
                            <span class="tag_title">出租类型</span>
                            <span class="tag_content">合租房间</span>
                        </div>
                    </div>
                    <div class="icon_tag_item">
                        <i class="iconfont icon-chuzuleixing"></i>
                        <div class="tag_text">
                            <span class="tag_title">出租类型</span>
                            <span class="tag_content">合租房间</span>
                        </div>
                    </div>
                </div>
            </div> -->
            <div class="housing_resource_description">
                <div class="title_reuse">房源描述</div>
                <!-- dynamic -->
                <div class="description_content">
                </div>
            </div>
            <div class="service_facility">
                <div class="title_reuse">服务设施</div>
                <div class="facility_content">
                    <!-- <div class="content_row">
                        <div class="content_row_left">基础设施</div>
                        <div class="content_row_right">
                            <div class="right_facility_item">
                                <i class="iconfont icon-yes"></i>
                                WIFI
                            </div>
                            <div class="right_facility_item">
                                <i class="iconfont icon-yes"></i>
                                WIFI
                            </div>
                            <div class="right_facility_item">
                                <i class="iconfont icon-yes"></i>
                                WIFI
                            </div>
                            <div class="right_facility_item">
                                <i class="iconfont icon-yes"></i>
                                WIFI
                            </div>
                            <div class="right_facility_item">
                                <i class="iconfont icon-yes"></i>
                                WIFI
                            </div>
                            <div class="right_facility_item">
                                <i class="iconfont icon-yes"></i>
                                WIFI
                            </div>
                        </div>
                    </div> -->
                </div>
            </div>
        </div>
    </div>
</div>
<div class="background">
    <div class="baseboard">
        <div class="titles">
            <span>登录</span>
            <span>注册</span>
        </div>
        <div class="dynamicForm">
            <div class="loginForm">
                <div class="formTop">
                    <div class="phoneWrapper">
                        <input type="text" placeholder="请输入用户名">
                        <p>用户名不能为空</p>
                    </div>
                    <div class="pwdWrapper">
                        <input type="text" placeholder="请输入密码">
                        <p>密码不能为空</p>
                    </div>
                    <!-- <div class="loginIdentify">
                        <div class="identifyWrapper">
                            <div class="identifyMain">
                                <input type="text" placeholder="请输入验证码">
                                <div class="identifyBox"></div>
                                <span>点击刷新</span>
                            </div>
                            <p>验证码错误</p>
                        </div>
                    </div> -->
                    <div class="loginBtn">
                        <button>登录</button>
                    </div>
                </div>
                <!-- <div class="formBottom">
                    <div class="loginOption">
                        <div class="optionLeft">
                            <input type="checkbox">
                            <span>下次自动登录</span>
                        </div>
                        <span>忘记密码?</span>
                    </div>
                    <div class="border"></div>
                    <div class="agreement">
                        <input type="checkbox">
                        <span>我已阅读《服务设计启发式线上工具服务协议》</span>
                    </div>
                </div> -->
            </div>
            <div class="registerForm">
                <div class="registerFormTop">
                    <div class="registerUsernameWrapper">
                        <input type="text" placeholder="请输入用户名">
                    </div>
                    <div class="registerPhoneWrapper">
                        <input type="text" placeholder="请输入手机号">
                        <p>手机号不能为空</p>
                    </div>
                    <div class="registerPwdWrapper">
                        <input type="text" placeholder="请输入密码">
                        <p>密码不能为空</p>
                    </div>
                    <div class="registerSurePwdWrapper">
                        <input type="text" placeholder="请输入确认密码">
                        <p>确认密码不能为空</p>
                    </div>
                    <!-- <div class="registerIdentify">
                        <div class="identifyWrapper">
                            <div class="identifyMain">
                                <input type="text" placeholder="请输入验证码">
                                <div class="identifyBox"></div>
                                <span>点击刷新</span>
                            </div>
                            <p>验证码错误</p>
                        </div>
                    </div> -->
                </div>
                <div class="registerFormBottom">
                    <button>立即注册</button>
                    <p>立即登录</p>
                </div>
            </div>
        </div>
    </div>
    <div class="close">
        <img src="__CDN__/assets/images/guanbi_03.jpg" alt="">
    </div>
</div>
<script src="__CDN__/assets/node_modules/jquery/dist/jquery.min.js"></script>
<script src="__CDN__/assets/components/jquery-easyui-1.7.0/jquery.easyui.min.js"></script>
<script src="__CDN__/assets/components/jquery-easyui-1.7.0/locale/easyui-lang-zh_CN.js"></script>

<script src="__CDN__/assets/components/overview/index.js"></script>
<script type="module" src="__CDN__/assets/js/detail.js"></script>
</body>

</html>